<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="//www.fila.cn/favicon.ico" type="image/x-icon">
    <title>FILA｜斐乐官方网站(CN)</title>
    <link rel="stylesheet" href="/css/buyCar.css">
</head>

<body>
    <!-- *头部 -->
    <header class="header"></header>
    <!-- *购物车内容 -->
    <div class="main" id="main">

    </div>
    <script type="text/html" id="mainTemplate">
        <div class="page-container">
            <div class="cart-main">
                <h3 class="myCart">
                    <span>我的购物车</span>
                    <i class="total-num"></i>
                </h3>
                <div class="cart-top">
                    <label class="checkbox-all">
                        <input type="checkbox" class="checkbox-input">
                        <span>全选</span>
                    </label>

                </div>
                <table class="cart-table">
                    {{each cart shop}} 
                    <tr data-id="{{shop.id}}">
                        <td class="checks"><input type="checkbox" class="checkBox" {{ shop.check ? 'checked' : ''}}></td>
                        <td class="img"><a href="#"><img
                                    src="{{shop.thumbnail}}" alt=""></a></td>
                        <td class="infos">
                            <div class="info-top">
                                <div class="fl">
                                    <h5>{{shop.title.slice(0)}}</h5>
                                    <p><span>{{shop.couponStatus}};{{couponValue}}</span></p>
                                </div>
                                <div class="fr">
                                    <span class="infos-price">￥{{shop.price}}</span>
                                    <span class="infos-originPrice">￥{{shop.originPrice}}</span>
                                </div>
                            </div>
                            <div class="info-bot">
                                <p class="fl">
                                    <span class="num">数量：</span>
                                    <a href="javascript:;" class="num-minus">-</a>
                                    <input type="text" class="num-input" value="{{shop.count}}">
                                    <a href="javascript:;" class="num-plus">+</a>
                                </p>
                                <p class="fr">
                                    <a href="javascript:;" class="delete-one">删除</a>
                                </p>
                            </div>
                        </td>
                    </tr>
                    {{/each}}
                </table>
            </div>
        </div>
        </div>
        <div class="cart-foot">
            <div class="sum-main clearfix w-1280">
                <div class="sum-infos">
                    <div class="sum-operate fl">
                        <label class="checkbox-label checkbox-all">
                            <input type="checkbox" class="checkbox-input">
                            <span>全选商品</span>
                        </label>
                        <a href="javascript:;" class="delete-multi" style="color: white;">删除商品</a>
                    </div>
                    <div class="sum-totalprice fr">
                        <span>总价</span>
                        <span class="price">￥0.00</span>
                    </div>
                </div>
                <div class="sum-to-settle fl">
                    <a href="javascript:;" class="btn-to-settle">结算</a>
                </div>
            </div>
    </script>


    <!-- *购物车没有东西 -->
    <div class="cart-empty">
        <P>您的购物车还没有东西呢，快去购物吧！</P>
    </div>

    <!-- *客服服务 -->
    <div class="web-service"></div>

    <script src="/libs/require.js" data-main="/js/buyCar"></script>
</body>

</html>